.shoppingCartCtn{
    .shoppingCartList{
        .shoppingCartListOder{
            margin-top: 20px;
            margin-bottom: 40px;
            background-color: #fff;
            .orderNav{
                // width: 958px;
                width: 998px;
                height: 40px;
                background-color: #f9f9f9;
                ul{
                    border: 1px solid #e0e0e0;
                    line-height: 38px;
                    height: 38px;
                    li{
                        float: left;
                        list-style-type: none;
                        vertical-align: top;
                        word-spacing: normal;
                        letter-spacing: normal;
                        font-size: 12px;
                        color: #333;
                        text-align: center;
                    }
                    .productItem{
                        padding-left: 15px;
                        // width: 333px;
                        width: 345px;
                        // font-size: 16px;
                    }
                    .priceItem{
                        width: 274px;
                        position: relative;
                        text-align: center;
                    }
                    .quantityItem{
                        width: 160px;
                        text-align: center;
                    }
                    .actionItem{
                        width: 174px;
                        text-align: center;
                    }
                }
            }
            .orderList{
                border: 1px solid #e0e0e0;
                .orderListGroup{
                    margin-right: auto;
                    margin-left: auto;
                    .tableBoxInner{
                        .ordersTable{
                            // 边框合并在一起
                            border-collapse: collapse;
                            border-spacing: 0;
                        }
                        .goodsItem{
                            padding-bottom: 10px;
                            display: block;
                            padding-top: 15px;
                            padding-left: 15px;
                            .productItem{
                                // padding-top: 15px;
                                // padding-left: 15px;
                                // width: 333px;
                                width: 345px;
                                // font-size: 16px;
                                .product{
                                    min-height: 74px;
                                    display: inline-block;
                                    .checkbox{
                                        padding-top: 17px;
                                        float: left;
                                        margin-right: 10px;
                                        padding: 5px 0 2px;
                                        width: 19px;
                                        height: 16px;
                                        position: relative;
                                        top: 10px;
                                        left: 8px;
                                        cursor: pointer;
                                        overflow: hidden;
                                        display: inline;
                                    }
                                    .productImg{
                                        position: relative;
                                        width: 74px;
                                        height: 74px;
                                        // display: inline-block;
                                        float: left;
                                        img{
                                            width: 74px;
                                            height: 74px;
                                            cursor: pointer;
                                            &:hover+.hoverImg{
                                                opacity: 1;
                                                // width: 200px;
                                                // display: block;
                                                visibility: visible;
                                            }
                                        }
                                        .hoverImg{
                                            position: absolute;
                                            top: 0;
                                            left: 80px;
                                            width: 200px;
                                            height: 200px;
                                            opacity: 0;
                                            // display: none;
                                            visibility: hidden;
                                            transition: all .3s;
                                            z-index: 1;
                                            img{
                                                width: 200px;
                                                height: 200px;
                                                display: block;
                                                overflow: hidden;
                                            }
                                        }
                                    }
                                    .productInfo{
                                        // display: inline-block;
                                        color: #333;
                                        text-decoration: none;
                                        float: left;
                                        padding-left: 15px;
                                        h3{
                                            width: 180px;
                                            max-height: 32px;
                                            margin-bottom: 8px;
                                            overflow: hidden;
                                            font-size: 12px;
                                            a{
                                                font-weight: 500;
                                                color: #333;
                                                text-decoration: none;
                                                &:hover{
                                                    color: #F96C0C;
                                                }
                                            }
                                        }
                                        .productSize{
                                            margin-bottom: 0;
                                            width: 180px;
                                            text-overflow: ellipsis;
                                            overflow: hidden;
                                            white-space: nowrap;
                                            font-size: 12px;
                                            // font-weight: 600;
                                        }
                                    }
                                }
                                
                            }
                            .priceItem{
                                width: 274px;
                                position: relative;
                                text-align: center;
                                // padding-top: 15px;
                                .myPrice{
                                    // position: relative;
                                    zoom: 1;
                                    display: block;
                                    color: #F96C0C;
                                    font-size: 13px;
                                    // vertical-align: top;
                                    .yuan{
                                        left: 122px;
                                        position: absolute;
                                        top: 30px;
                                        // top: 2px;
                                    }
                                    .price{
                                        position: absolute;
                                        left: 141px;
                                        top: 30px;
                                    }
                                }
                            }
                            .quantityItem{
                                width: 160px;
                                text-align: center;
                                .amount{
                                    margin-right: auto;
                                    margin-left: auto;
                                    position: relative;
                                    // padding: 0 23px;
                                    width: 79px;
                                    height: 24px;
                                    border: 1px solid #e3e2e2;
                                    border-radius: 2px;
                                    .plus{
                                        display: inline-block;
                                        width: 20px;
                                        height: 19px;
                                    }
                                    .amountNum{
                                        display: inline-block;
                                        // width: 28px;
                                        // height: 22px;
                                        input{
                                            width: 24px;
                                            height: 16px;
                                            text-align: center;
                                            outline: none;
                                        }
                                    }
                                    .subtract{
                                        display: inline-block;
                                        width: 20px;
                                        height: 19px;
                                    }
                                    .subtractStyle{
                                        background-color: white;
                                        border: 1px solid #bbb;
                                        border-radius: 2px;
                                        color: #bbb;
                                        cursor: not-allowed;
                                    }
                                }
                            }
                            .actionItem{
                                width: 174px;
                                text-align: center;
                                .actionDel{
                                    font-size: 13px;
                                    cursor: pointer;
                                    &:hover{
                                        color: red;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .floatBar{
                position: relative;
                .floatWrapper{
                    height: 50px;
                    overflow: hidden;
                    background: #e5e5e5;
                    padding-left: 10px;
                    // float: left;
                    .inputCheck{
                        float: left;
                        line-height: 50px;
                        font-size: 13px;
                    }
                    .operations{
                        float: left;
                        line-height: 50px;
                        height: 50px;
                        padding-left: 20px;
                        a{
                            text-decoration: none;
                            color: #3c3c3c;
                            font-size: 14px;
                            &:hover{
                                color: #F96C0C;
                                // text-decoration: #F96C0C;
                            }
                        }
                    }
                    .floatRight{
                        float: right;
                        position: absolute;
                        right: 70px;
                        top: 0;
                        z-index: 4;
                        padding-left: 20px;
                        line-height: 50px;
                        .showSelectedItems{
                            display: inline-block;
                            font-size: 14px;
                            .activeNum{
                                color: #f40;
                            }
                        }
                        .priceSum{
                            display: inline-block;
                            font-weight: 700;
                            font-size: 22px;
                            padding: 0 3px;
                            color: #f40;
                            // font-size: 22px;
                        }
                    }
                    .finalArea{
                        float: right;
                        // position: absolute;
                        // right: 10px;
                        padding-left: 10px;
                        padding-right: 10px;
                        line-height: 50px;
                        background-color: #f40;
                        color: white;
                        a{
                            text-decoration: none;
                            color: white;
                            font-size: 20px;
                        }
                    }
                }
            }
        }
    }
}
// 弹窗
.popBox{
    width: 100%; 
    left: 0px; 
    top: 0px; 
    height: 100%; 
    position: fixed; 
    user-select: none; 
    z-index: 999998;
    background-color: rgba(0,0,0,0.6);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    .pop{
        width: 374px;
        left: 441.5px;
        top: 264px;
        // position: relative;
        // position: absolute;
        margin: 15% auto;
        top: 30%;
        z-index: 999999;
        .popInner{
            padding: 20px 25px 20px 25px;
            background: #fff;
            border-radius: 10px;
            position: relative;
            .deleteIcon{
                position: absolute;
                top: 10px;
                right: 15px;
                cursor: pointer;
            }
            .deleteGood{
                font-weight: 600;
                padding-bottom: 15px;
            }
            .deleteGoodsInner{
                font-size: 13px;
                
            }
            .deleteBtn{
                text-align: center;
                padding-top: 20px;
                button{
                    width: 58px;
                    height: 28px;
                    outline: none;
                    border: none;
                    cursor: pointer;
                    border-radius: 5px;
                }
                .noDelete{
                    margin-right: 10px;
                    &:hover{
                        background-color: #dcdddd;
                    }
                }
                .sureDelete{
                    background-color: #F96C0C;
                    color: #fff;
                    margin-left: 10px;
                    &:hover{
                        background-color: #eb6101;
                    }
                }
            }
        }
    }
}
